<template>
  <div class="box">
    <h1>Child:{{count}}</h1>
    <button @click="count++">修改props</button>
    <button @click="add(100)">把数据传递给父组件并修改组件的值</button>
  </div>
</template>

<script>
export default {
  name: "Child",
  //1.
  // props: ["count" , "add"],

  //2.
  // props: {
  //   count: Number,
  //   add: Function
  // }

  //3.
  props: {
    count:{
      required: true,
      type: Number
    },
    add:{
      required: true,
      type: Function
    }
  }
};
</script>

<style scoped>
.box {
  background: yellowgreen;
}
</style>
